<div class="form-fieldset form-horizontal form-align-left">
  <div class="form-group">
    <label class="control-label col-em-7">VPC访问: </label>
    <div class="col-em-offset-7">
      <nz-switch [ngModel]="isOpenVPC" [nzLoading] = "isLoading"></nz-switch>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-em-7">VPC: </label>
    <div class="col-em-offset-7">
      <nz-select [nzShowSearch]="true" nzShowSearch
       nzPlaceHolder="请选择VPC" [nzLoading]="isLoadingVPC"
       nzNotFoundContent="没有可用的VPC">
        <nz-option *ngFor="let vpc of vpcList" [nzLabel]="vpc.name" [nzValue]="vpc.id">
        </nz-option>
      </nz-select>
    </div>
  </div>
  <div class="form-group">
    <label class="control-label col-em-7">子网: </label>
    <div class="col-em-offset-7">
      <nz-select [nzShowSearch]="true" nzShowSearch
       nzPlaceHolder="请选择子网" [nzLoading]="isLoadingSubnet"
       nzNotFoundContent="没有可用的子网">
        <nz-option *ngFor="let subnet of subnetList" [nzLabel]="subnet.name" [nzValue]="subnet.id">
        </nz-option>
      </nz-select>
    </div>
  </div>
  <div class="form-group">
    <div class="button-form">
      <button nz-button nzi-debounce-click debounceTime="1000" [disabled]="isDisable" nzType="primary" (debounceClick)="submit()">
        <span>提交</span>
      </button>
    </div>
  </div>
</div>
